html, body {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width:100%;
    height:100%;
}
body {
    padding: 15px;
}

body.theme-light, body.theme-classic-light, body.theme-gray {
    background-color: #fff;
}
body.theme-dark {
    background-color: #333;
}
body.theme-contrast-dark {
    background-color: #212121;
}

textarea {
    resize: none;
}

/* Stylesheet for list */
.list {
    flex: 1;
    border: 1px solid;
    position: relative;
}

.list .item {
    cursor: pointer;
}

/* Themes style for List */
body .list {
    border-color: #cfcfcf;
    border-color: var(--border-list);
}
body.theme-classic-light .list {
    --border-list: #cfcfcf;
}
body.theme-light .list,
body.theme-gray .list {
    --border-list: #c0c0c0;
}
body.theme-dark .list {
    --border-list: #666666;
}
body.theme-contrast-dark .list {
    --border-list: #696969;
}

body.theme-classic-light .list .item:hover {
    background-color: #d8dadc;
    color: #444;
}
body.theme-classic-light .list .item.selected {
    background-color: #7d858c;
    color: #fff;
}

body.theme-light .list .item:hover,
body.theme-gray .list .item:hover {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.8);
}
body.theme-light .list .item.selected,
body.theme-gray .list .item.selected {
    background-color: #cbcbcb;
    color: rgba(0, 0, 0, 0.8);
}

body.theme-dark .list .item:hover {
    background-color: #555;
    color: rgba(255, 255, 255, 0.8);
}
body.theme-dark .list .item.selected {
    background-color: #707070;
    color: rgba(255, 255, 255, 0.8);
}

body.theme-contrast-dark .list .item:hover {
    background-color: #424242;
    color: #e8e8e8;
}
body.theme-contrast-dark .list .item.selected {
    background-color: #666666;
    color: #e8e8e8;
}